<template>
<div> 

    <!-- <button v-on:click="show = !show">
    Toggle
  </button>
  <p>{{msg}}</p>
  <transition name="fade">
    <p v-if="show">hello</p>
  </transition> -->
  <slot><p>{{show}}</p></slot>
  <slot name="footer"><p>sdfsdfdf</p></slot>
  <p v-if="asdf">是{{asdf}}</p>
  <p v-else>否</p>
</div>
</template>

<script>
   export default {
    
        name:  '',
        props:{
          msg:{
             type:String,
             required:true,
          },
          asdf: {
        type: Boolean,
        default: false
      }
        },
        data(){
            return{
                show:true,
            }
        },
        components: {},
   }
</script>

<style scoped>

</style>